<script setup>
import _ from 'lodash'
import { ref, defineProps } from 'vue'
var props = defineProps({
    icon: {
        type: String,
        default: ''
    },
    label: {
        type: String,
        default: ''
    },
    divided: {
        type: Boolean,
        default: false
    },
    "labelWidth": {
        type: String,
        default: '40px'
    },
    "labelAlign": {
        type: String,
        default: 'right'
    }

})



</script>
<template>
    <div class="dropdown-item w-100 d-flex">
        <div class="dropdown-icon">
            <i v-if="icon" :class="icon"></i>
        </div>
        <div class="dropdown-label d-inline-blck" :style="{ 'width': labelWidth, 'text-align': labelAlign }">
            {{ label }}
        </div>
        <div class="dropdown-content">
            <slot></slot>
        </div>
        <hr v-if="divided" class="dropdown-divided" />
    </div>
</template>
<style></style>